<template>
    <div>
                    <el-select v-model="value" filterable placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select> 
    <XDSelecter v-model="selecter" :net="net" /><p>{{this.selecter}}</p>
    <XDRadio v-model="radio" :list="list"></XDRadio><p>{{this.radio}}</p>
    <XDDatePicker v-model="datePicker" type="date"></XDDatePicker><p>{{this.datePicker}}</p>
    <XDDatePicker v-model="dateTimePicker" type="datetime"></XDDatePicker><p>{{this.dateTimePicker}}</p>
    <XDUpload v-model="upload"></XDUpload><p>{{this.upload}}</p>
    <XDInput v-model="input" data-type="int"></XDInput><p>{{this.input}}</p>
    <XDTree v-model="tree"></XDTree><p>{{this.tree}}</p>
    <XDTabs></XDTabs>
    <XDCascader v-model="cascadar"></XDCascader><p>{{this.cascadar}}</p>
        <XDXYTable></XDXYTable>
    </div>
</template>
<script>
    import {typeJson} from '../config';
    import XDSelecter from "./XDSelecter";
    import XDRadio from "./XDRadio";
    import XDDatePicker from "./XDDatePicker";
    import XDTree from "./XDTree";
    import XDUpload from "./XDUpload";
    import XDInput from "./XDInput";
    import XDTabs from "./XDTabs";
    import XDCascader from "./XDCascader";
    import Progress from "../Progress";
    import XDXYTable from "../XDXYTable";
    export default {
        name: 'XDTest',
        data() {
            return {
                selecter: 3,
                list: typeJson.deviceType,
                net: {
                    url: '/devicetype/getList',
                    method: 'POST',
                    mineId: false,
                    companyId: false,
                    label: 'deviceTypeName',
                    value: 'deviceTypeId'
                },
                radio: 1,
                datePicker: '2020-10-24',
                dateTimePicker: '2020-10-24 00:00:00',
                upload: 'http://ss.com-Ryan-d.png,http://ss.com-Ryan-dtt.png',
                input: 's',
                tree: 1,
                cascadar: 0,
                progress: 30,
                   options: [{  
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value: ''
            }
        },
        created() {
            this.tree = 5
        },
        methods: {
        },
        components: {
            XDCascader,
            XDUpload,
            XDDatePicker,
            XDSelecter,
            XDRadio,
            XDTree,
            XDInput,
            XDTabs,
            Progress,
            XDXYTable
        }
    }
</script>